<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../yuan-menu/css/load.css" />
		<style>
			html,body{
				padding: 0;
				margin: 0;
			}
			body{
				background: #f1f2f3;
			}
			.yuan-box-content{
				margin: 15px;
			}
			ul{
				color: #6495ED;
			}
			li{
				line-height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="yuan-box-content yuan-anim2 yuan-anim-upbit">
			<div style="width: 100%;background: white;border-radius: 4px;">
				<div style="padding: 10px;color: black;">
					<div>这是首页</div>
					<ul>
						<li>【动画效果说明】</li>
						<li>yuan-anim：动画效果延迟 0.3</li>
						<li>yuan-anim2：动画效果延迟 0.5</li>
						<li>yuan-anim3：动画效果延迟 1</li>
						<li>【使用】</li>
						<li>需要组合使用，如：yuan-anim2 yuan-anim-upbit（获得延迟动画0.5的从上面弹下效果）</li>
						<li>yuan-anim-loop：循环播放</li>
						<li>yuan-anim-rotate：360旋转</li>
						<li>yuan-anim-upbit：从上面渐现</li>
						<li>yuan-anim-left：左侧进入渐现</li>
						<li>yuan-anim-scaleSpring：弹大渐现</li>
						<li>yuan-anim-scalesmall-spring：缩小渐现</li>
						<li>yuan-anim-fadein：渐渐显示</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
